---
export interface Props {
	icon: (props: { class?: string; className?: string }) => unknown
	label: string
}
---

<div
	class="flex w-full items-center gap-1 px-3 py-2 text-left font-medium opacity-50 transition hover:text-emerald-500 hover:opacity-100"
>
	<Astro.props.icon class="inline-icon" className="inline-icon" />
	<span class="flex-1">{Astro.props.label}</span>
</div>
